<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>main</title>
    <link rel="stylesheet" href="style.css">
    <script src="jquery-3.5.1.min.js"></script>
    <script src="JaScript.js"></script>
</head>
<body>
<!-- 客服代码部分 -->
    <div class="qqserver">
        <div class="qqserver_fold">
          <div></div>
        </div>
        <div class="qqserver-body" style="display: block;">
          <div class="qqserver-header">
            <div></div>
            <span class="qqserver_arrow"></span> </div>
          <ul>
            <li> <a title="点击这里给我发消息" href="#" >
              <div>客服咨询</div>
              <span class="dialogue-support-text">王志豪</span> </a> </li>
            <li> <a title="点击这里给我发消息" href="#" >
              <div>客服咨询</div>
              <span>陈浩</span> </a> </li>
            <li> <a title="点击这里给我发消息" href="#" >
              <div>推广合作</div>
              <span class="qqserver-service-alert">吴海明</span> </a> </li>
          </ul>
          <div class="qqserver-footer"><span class="qqserver_icon-alert"></span><a class="text-primary" href="index4.html">大家都在说</a> </div>
        </div>
    </div>

    <div class="head">
        <div class="w">
            <div class="hd">
                <div class="logo">
                    <img src="image/buff_logo.png" alt="">
                </div>
                <!-- 导航栏 -->
                <div class="nav">
                    <ul>
                        <li><span><a href="index.html" target="_self">首页</a></span></li>
                        <li><a href="index6.html">饰品商城</a></li>
                        <li><a href="index5.html">游戏资讯</a></li>
                    </ul>
                </div>
                <!-- logo框 -->
                <div class="cs">
                    <div class="b1"></div>
                        <h4>CS:GO</h4>
                </div>
                <!-- 登录 -->
                <div class="dropdown">
                    <button class="dropbtn">个人中心</button>
                    <div class="dropdown-content">
                    <a href="index3.html">登录</a>
                    <a href="index2.html">注册</a>
                </div>
                </div>
            </div>  
        </div>
        <div class="imgBox">
            <ul class="img">
                <li><a href="#"><img src="image/轮播1.png" alt="第1张图片"></a></li>
                <li><a href="#"><img src="image/轮播2.png" alt="第2张图片"></a></li>
                <li><a href="#"><img src="image/轮播3.jpg" alt="第3张图片"></a></li>
            </ul>
            <!--用来放置圆点具体实施在js代码中呈现-->
            <ul class="num"></ul>
            <!--左右点击按钮-->
            <div class="btn">
                <span class="prev"><</span>
                <span class="next">></span>
            </div>
        </div>  
    </div>
     <!-- 身体    -->
     <div class="bd">
        <div class="w">
            <div class="he">
                <div class="dh">
                    <h2>热门饰品</h2>
                </div>
                <!-- 导航栏 -->
                <div class="dh_nav">
                    <ul>
                        <li><a href="#">AK-47</a></li>
                        <li><a href="#">AUG</a></li>
                        <li><a href="#">AWP</a></li>
                        <li><a href="#">M4A4</a></li>
                    </ul>
                </div>
                <div class="sc">
                    <ul>
                        <li><a href="index6.html">进入市场</a></li>
                    </ul>
                </div>
            </div>
            
            <div class="gt"> 
                <ul>
                    <li>
                        <div class="ig">
                            <a href="#"><img src="image/4.png" alt=""></a>
                        </div>
                        <h4><a href="#">AK-47 | 墨岩 (略有磨损)</a></h4>
                        <h5>¥ 1.39</h5>
                    </li>
                    <li>
                        <div>
                            <a href="#"><img src="image/枪2.png" alt=""></a>
                        </div>
                        <h4><a href="#">AWP | 亡灵之主 (略有磨损)</a></h4>
                        <h5>¥ 1.39</h5>
                    </li>
                    <li>
                        <div>
                            <a href="#"><img src="image/AWP.png" alt=""></a>
                        </div>
                        <h4><a href="#">AWP | 毛细血管 (久经沙场)</a></h4>

                        <h5>¥ 1.39</h5>
                    </li>
                    <li>
                        <div>
                            <a href="#"><img src="image/刀.png" alt=""></a>
                        </div>
                        <h4><a href="#">熊刀（★） | 大马士革钢 (久经沙场)</a></h4>
                        <h5>¥ 1.39</h5>
                    </li>
                    <li>
                        <div>
                            <a href="#"><img src="image/4.png" alt=""></a>
                        </div>
                        <h4><a href="#">AK-47 | 墨岩 (略有磨损)</a></h4>
                        <h5>¥ 1.39</h5>
                    </li>
                    <li><div>
                        <a href="#"><img src="image/4.png" alt=""></a>
                    </div>
                    <h4><a href="#">AK-47 | 墨岩 (略有磨损)</a></h4>
                    <h5>¥ 1.39</h5></li>
                    <li><div>
                        <a href="#"><img src="image/4.png" alt=""></a>
                    </div>
                    <h4><a href="#">AK-47 | 墨岩 (略有磨损)</a></h4>
                    <h5>¥ 1.39</h5></li>
                    <li><div>
                        <a href="#"><img src="image/4.png" alt=""></a>
                    </div>
                    <h4><a href="#">AK-47 | 墨岩 (略有磨损)</a></h4>
                    <h5>¥ 1.39</h5></li>
                    <li><div>
                        <a href="#"><img src="image/4.png" alt=""></a>
                    </div>
                    <h4><a href="#">AK-47 | 墨岩 (略有磨损)</a></h4>
                    <h5>¥ 1.39</h5></li>
                    <li><div>
                        <a href="#"><img src="image/4.png" alt=""></a>
                    </div>
                    <h4><a href="#">AK-47 | 墨岩 (略有磨损)</a></h4>
                    <h5>¥ 1.39</h5></li>
                </ul>
            </div>
        </div>
     </div>
     <!-- 身体2 -->
     <div class="bd2">
        <div class="w">
            <div class="he">
                <div class="dh">
                    <h2>最新上架</h2>
                </div>
                <!-- 导航栏 -->
                <div class="dh_nav2">
                    <ul>
                        <li><a href="#">AK-47</a></li>
                        <li><a href="#">AUG</a></li>
                        <li><a href="#">AWP</a></li>
                        <li><a href="#">M4A4</a></li>
                    </ul>
                </div>
                <div class="sc">
                    <ul>
                        <li><a href="index6.html">进入市场</a></li>
                    </ul>
                </div>
            </div>
            
            <div class="gt"> 
                <ul>
                    <li>
                        <div>
                            <a href="#"><img src="image/5.png" alt=""></a>
                        </div>
                        <h4><a href="#">AK-47 | 墨岩 (略有磨损)</a></h4>
                        <h5>¥ 1.39</h5>
                    </li>
                    <li>
                        <div>
                            <a href="#"><img src="image/5.png" alt=""></a>
                        </div>
                        <h4><a href="#">AK-47 | 墨岩 (略有磨损)</a></h4>
                        <h5>¥ 1.39</h5>
                    </li>
                    <li>
                        <div>
                            <a href="#"><img src="image/5.png" alt=""></a>
                        </div>
                        <h4><a href="#">AK-47 | 墨岩 (略有磨损)</a></h4>

                        <h5>¥ 1.39</h5>
                    </li>
                    <li>
                        <div>
                            <a href="#"><img src="image/5.png" alt=""></a>
                        </div>
                        <h4><a href="#">AK-47 | 墨岩 (略有磨损)</a></h4>
                        <h5>¥ 1.39</h5>
                    </li>
                    <li>
                        <div>
                            <a href="#"><img src="image/5.png" alt=""></a>
                        </div>
                        <h4><a href="#">AK-47 | 墨岩 (略有磨损)</a></h4>
                        <h5>¥ 1.39</h5>
                    </li>
                    <li><div>
                        <a href="#"><img src="image/5.png" alt=""></a>
                    </div>
                    <h4><a href="#">AK-47 | 墨岩 (略有磨损)</a></h4>
                    <h5>¥ 1.39</h5></li>
                    <li><div>
                        <a href="#"><img src="image/5.png" alt=""></a>
                    </div>
                    <h4><a href="#">AK-47 | 墨岩 (略有磨损)</a></h4>
                    <h5>¥ 1.39</h5></li>
                    <li><div>
                        <a href="#"><img src="image/5.png" alt=""></a>
                    </div>
                    <h4><a href="#">AK-47 | 墨岩 (略有磨损)</a></h4>
                    <h5>¥ 1.39</h5></li>
                    <li><div>
                        <a href="#"><img src="image/5.png" alt=""></a>
                    </div>
                    <h4><a href="#">AK-47 | 墨岩 (略有磨损)</a></h4>
                    <h5>¥ 1.39</h5></li>
                    <li><div>
                        <a href="#"><img src="image/5.png" alt=""></a>
                    </div>
                    <h4><a href="#">AK-47 | 墨岩 (略有磨损)</a></h4>
                    <h5>¥ 1.39</h5></li>
                </ul>
            </div>
        </div>
     </div>
     <!-- 身体3 -->
     <div class="bd">
        <div class="w">
            <div class="he">
                <div class="dh">
                    <h2>最新求购</h2>
                </div>
                <!-- 导航栏 -->
                <div class="dh_nav">
                    <ul>
                        <li><a href="#">AK-47</a></li>
                        <li><a href="#">AUG</a></li>
                        <li><a href="#">AWP</a></li>
                        <li><a href="#">M4A4</a></li>
                    </ul>
                </div>
                <div class="sc">
                    <ul>
                        <li><a href="index6.html">进入市场</a></li>
                    </ul>
                </div>
            </div>
            
            <div class="gt"> 
                <ul>
                    <li>
                        <div>
                            <a href="#"><img src="image/沙鹰.png" alt=""></a>
                        </div>
                        <h4><a href="#">AK-47 | 墨岩 (略有磨损)</a></h4>
                        <h5>¥ 1.39</h5>
                    </li>
                    <li>
                        <div>
                            <a href="#"><img src="image/沙鹰.png" alt=""></a>
                        </div>
                        <h4><a href="#">AK-47 | 墨岩 (略有磨损)</a></h4>
                        <h5>¥ 1.39</h5>
                    </li>
                    <li>
                        <div>
                            <a href="#"><img src="image/沙鹰.png" alt=""></a>
                        </div>
                        <h4><a href="#">AK-47 | 墨岩 (略有磨损)</a></h4>

                        <h5>¥ 1.39</h5>
                    </li>
                    <li>
                        <div>
                            <a href="#"><img src="image/沙鹰.png" alt=""></a>
                        </div>
                        <h4><a href="#">AK-47 | 墨岩 (略有磨损)</a></h4>
                        <h5>¥ 1.39</h5>
                    </li>
                    <li>
                        <div>
                            <a href="#"><img src="image/沙鹰.png" alt=""></a>
                        </div>
                        <h4><a href="#">AK-47 | 墨岩 (略有磨损)</a></h4>
                        <h5>¥ 1.39</h5>
                    </li>
                    <li><div>
                        <a href="#"><img src="image/沙鹰.png" alt=""></a>
                    </div>
                    <h4><a href="#">AK-47 | 墨岩 (略有磨损)</a></h4>
                    <h5>¥ 1.39</h5></li>
                    <li><div>
                        <a href="#"><img src="image/沙鹰.png" alt=""></a>
                    </div>
                    <h4><a href="#">AK-47 | 墨岩 (略有磨损)</a></h4>
                    <h5>¥ 1.39</h5></li>
                    <li><div>
                        <a href="#"><img src="image/沙鹰.png" alt=""></a>
                    </div>
                    <h4><a href="#">AK-47 | 墨岩 (略有磨损)</a></h4>
                    <h5>¥ 1.39</h5></li>
                    <li><div>
                        <a href="#"><img src="image/沙鹰.png" alt=""></a>
                    </div>
                    <h4><a href="#">AK-47 | 墨岩 (略有磨损)</a></h4>
                    <h5>¥ 1.39</h5></li>
                    <li><div>
                        <a href="#"><img src="image/沙鹰.png" alt=""></a>
                    </div>
                    <h4><a href="#">AK-47 | 墨岩 (略有磨损)</a></h4>
                    <h5>¥ 1.39</h5></li>
                </ul>
            </div>
        </div>
     </div>
     <!-- 脚部 -->
     <div class="footer">
        <div class="guide"> 
            <div class="guide-section"> <h3>帐号设置</h3> 
              <div class="guide-pre"></div>
                 <ul> 
                    <li><a target="_blank" href="#">实名认证</a>
                    <li><a target="_blank" href="#">交易设置</a> 
                    <li><a target="_blank" href="#">交易防骗指南</a> 
                </ul> 
            </div> 
            <div class="guide-section"> <h3>钱包相关</h3> 
              <div class="guide-pre"></div> 
                <ul> 
                    <li><a target="_blank" href="#">收费标准</a>
                    <li><a target="_blank" href="#">充值提现</a> 
                </ul>
            </div> 
            <div class="guide-section"> <h3>交易相关</h3> 
              <div class="guide-pre"></div>
                <ul> 
                    <li><a target="_blank" href="#">交易报价失败原因汇总</a> 
                    <li><a target="_blank" href="#">新手常见问题</a>
                    <li><a target="_blank" href="#">FAQ （English version)</a>
                    <li><a target="_blank" href="#">什么是交易暂挂</a>
                </ul> 
            </div> 
            <div class="guide-section"> <h3>便捷支付</h3> 
              <div class="guide-pre"></div> 
                <ul> 
                    <li><span class="icon icon_footer_alipay"></span>&nbsp;&nbsp;支付宝支付
                    <li><span class="icon icon_footer_bank"></span>&nbsp;&nbsp;银行卡支付
                    <li><span class="icon icon_footer_wx"></span>&nbsp;&nbsp;微信支付
                </ul> 
              </div> 
            <div class="guide-section guide-section_qr"> <h3>手机 BUFF</h3> 
              <div class="guide-pre"></div>
                <ul> 
                    <li><img style="padding: 3px; background: #fff" src="image/qr-code.png" width="75">
                </ul> 
              </div> 
              <div class="clear"></div> 
              <div class="line"></div> 
             </div>
      </div>
</body>
</html>